<%@ include file="/WEB-INF/controllers/configuration/includes.jsp"%>
<link rel="stylesheet" type="text/css" href="<c:url value="/css/sistemas/paginacion.css"/>" />
<div class="line paginacion">
	<div class="line paginacionPaginas">
		<div class="registrosTotales">
			<label><spring:message code="label.text.elementostotales" /> ${registrosTotales}</label>
		</div>
		<div class="paginas">
			<c:if test="${totalPages > 1}">
				<c:set var="tolerance" value="3" />
				<c:if test="${!empty pagina && pagina >(1)}">
					<a id="btnAnterior" href="#" onclick="paginar(${pagina - 1});" title="<spring:message code="label.text.anterior" />"></a>
				</c:if>
				<c:forEach varStatus="status" begin="1" end="${totalPages}">
					<c:if test="${status.count == 1 || status.count == totalPages || 
						(status.count >= pagina - tolerance && status.count <= pagina + tolerance)}">
						<c:if test="${status.count == totalPages && !(totalPages-1 <= pagina + tolerance)}">
							<span class="puntitos"></span>
						</c:if>
						<c:choose>
							<c:when test="${status.count != pagina}">
								<a class="indicePaginacion" onclick="paginar(${status.count});"> <c:out value="${status.count}" />
								</a>
							</c:when>
							<c:otherwise>
								<span class="indicePaginacion"><c:out value="${status.count}" /> </span>
							</c:otherwise>
						</c:choose>
						<c:if test="${status.count == 1 && !(2 >= pagina - tolerance)}">
							<span class="puntitos"></span>
						</c:if>
					</c:if>
				</c:forEach>
				<c:if test="${pagina < totalPages && totalPages > 1}">
					<a id="btnSiguiente" onclick="paginar(${pagina + 1});" title="<spring:message code="label.text.siguiente" />"></a>
				</c:if>
			</c:if>
		</div>
	</div>
	<div class="line paginacionOpcines">
		<div class="volverArriba">
			<a href="#header"><spring:message code="label.text.volverarriba" /></a>
		</div>
		<div class="paginaEspecifica">
			<label><spring:message code="label.text.pagina" /></label> <input type="text" id="pagina"> <img src="<c:url value="/img/flecha-verde-derecha.png"/>" alt="ir"
				title="<spring:message code="label.text.irpagina" />" onkeypress="teclaPulsada();" onclick="paginar($('#pagina').val());">
		</div>
		<div class="tamPagina">
			<label><spring:message code="label.text.tamagnopagina" /></label> <select id="numMaxRegistros" name="numMaxRegistros" class="selectMaxRegistros" onchange="cambioMaxRegistros();">
				<option value="5">5</option>
				<option value="10">10</option>
				<option value="15">15</option>
				<option value="20">20</option>
				<option value="30">30</option>
				<option value="40">40</option>
				<option value="50">50</option>
			</select>
		</div>
	</div>
</div>
<script type="text/javascript">
			$(document).ready(function() {
				var numMaxRegistros = "${param.numMaxRegistros}";
				var pagina = "${pagina}";
				var orden = "${param.orden}";
				
				if(orden == ""){
					orden = 0;
				}				
				//Crear campos ocultos en el formulario													
				if($("form[id^=pag]").html() != null){
					$("form[id^=pag]").append('<input id="campoOcultoPagina" type="hidden" name="pagina" value="' + pagina + '">');
					$("form[id^=pag]").append('<input id="campoOcultoPaginando" type="hidden" name="paginando" value="false">');
					$("form[id^=pag]").append('<input id="campoOcultoOrden" type="hidden" name="orden" value="' + orden + '">');					
				}				
				
				if(numMaxRegistros != "")
					$("#numMaxRegistros").val(numMaxRegistros);
				else if("${numMaxRegistros}" != ""){
					numMaxRegistros = "${numMaxRegistros}";
					$("#numMaxRegistros").val(numMaxRegistros);
				}
					
				if(pagina != "")
					$("#pagina").val(pagina);
				else
					$("#pagina").val(1);

			});
			
			function paginar(pagina){
				if($("form[id^=pag]").html() != null){
					$("#campoOcultoPagina").val(pagina);
					$("#campoOcultoPaginando").val(true);
					$("form[id^=pag]").submit();
				}else{
					//location = pathname"?pagina=" + pagina + "&numMaxRegistros=" + $("#numMaxRegistros").val();
					location.search="?pagina=" + pagina + "&numMaxRegistros=" + $("#numMaxRegistros").val();
				}
			}
			
			function cambioMaxRegistros(){
				if($("form[id^=pag]").html() != null){
					$("form[id^=pag]").submit();
				}else{
					location.search = "?numMaxRegistros=" + $("#numMaxRegistros").val();
				}
			}
		</script>